A streamlined process for admins to easily moderate form submissions, improving ease-of-use and giving them the ability to tailor the way the submitted data is presented to them.
Project responsibilities
• User Research: User interviews, user journey mapping, site & IA mapping
• UX Design: Sketching, wireframing, prototyping, UI design & usability testing
Project context
• Spring 2023 - 2 weeks
• Lead UX/UI designer, working closely with the dev team and client
Tools used
• Sketchbook
• Figma
• Adobe Illustrator
• Hive, Slack & MS Teams
This was only part of a much larger journey that took the user from creating forms, applying styling, validation and logic, embedding the final form on an external site through to receiving and moderating form submissions.
I wanted to avoid opening submissions within a new page, it was a pain point that came up in the user interviews adding unnecessary time to a process that was already time consuming. I came up with a system where the form submissions are opened within the full list, pushing the data down to make room for an 'entry card' with all the entrant's data presented.
Depending on the use case, the moderator can choose how the submissions are viewed. A list view may better suit event registration data, while the grid view with the thumbnail previews of submitted images would be ideal for scanning through competition entries.
Collaboration is an important part of the process and building in chat functionality gives the moderators the ability to work closely as a team, commenting on specific submission - linking directly to that submission within the comment - 'mentioning' fellow team members to notify them of required action and quick reaction/emoji type responses all feed into that sense of team work and collaboration.
As well as being able to select between grid and table view, the moderator has control over many of the ways the data is presented to them. With submissions that include multiple images for example, the moderator can choose a gallery view or a grid view - in which they are able to scale the preview size to best suit purpose.
Through testing I was able to identify areas of the moderation 'card' that could be easily improved through small changes to the UI elements. The toolkit was moved to the top of the card so moderation actions, navigation and admin tools were now more closely grouped and the option to download media submissions (both individually and packaged) was added based on user feedback.
The submission field for forms with multiple media submission fields could now be selected/specified through a dropdown to help the moderator sift through edge cases where there was a need for categorised image or video submissions, and although this was seen as an edge case user scenario through testing, it was something that the team felt could be added without needing to take functionality away from the moderator.
